You are here: Modules > Formatting with Styles > Editing a Stylesheet

Editing a Stylesheet

In the stylesheet editor, you are able to change the formatting of content based on the tags that it is divided into. You may recognize these tags from the tabs that appear on the left-hand side of the XML editor. For example, <p> is a paragraph tag. If you are unsure which tag is applied to which content, selecting content within a topic highlights the tab displaying the corresponding tag. Hovering the mouse over this highlighted tab displays the name of the tag as it appears in the stylesheet. For each of the style tags, or “parent tags,” you can define a new “child tag.” This “child tag,” or style class, has all of the same attributes of the original tag, but with the opportunity to make additional changes specifically to that class. You can view stylesheets in a Simplified View or an Advanced View. You can navigate styles more easily in each view using the drop-down menu in the upper-left corner of the stylesheet editor to select the parent style you want to modify.

  1. Double-click the stylesheet you want to modify in the Stylesheets folder, which is located in the Resources folder in the Content Explorer. The Stylesheet Editor appears.
  2. Toggle between View: Advanced or View: Simplified by clicking the View icon in the upper-left corner of the local toolbar of the stylesheet editor.
    1. Working in the Simplified view is easiest for beginners because it allows for formatting in a way that is similar to Microsoft Word. Each style appears with a preview cell that shows you its current properties.
    2. Working in the Advanced view displays styles as alphabetical list view with the options for editing displayed in a window on the right. Inherited styles display in light grey until you have changed their properties within the stylesheet.